import Vue from "vue";

// 导入所有的 mint-ui 组件
// 导入 mint-ui
import MintUI from "mint-ui"; // 这一步已经把所有的组件都导入进来
// 导入 mint-ui 样式
import "mint-ui/lib/style.css";
// 将 mint-ui 安装到 vue 中
Vue.use(MintUI); // 把所有的组件，注册为 全局的组件

// 按需导入
// import { Header } from "mint-ui";
// Vue.component(Header.name,Header);

// 引入 APP
import app from "./App.vue";

import $ from "jquery/dist/jquery.js";

import "bootstrap/dist/css/bootstrap.css";

import '@fortawesome/fontawesome-free/css/fontawesome.css';

import '@fortawesome/fontawesome-free/css/all.css';

// 引入 index.css
import "./css/index.css";

// 导入 MUI ，用法和 bootstrap 没有差别
import "./lib/mui/css/mui.css";

// 1. 导入 vue-router 路由包
import VueRouter from "vue-router";
// 2. 手动安装 VueRouter
Vue.use(VueRouter);

// 导入自己的 router.js 路由模块
import router from "./router.js";

import VueResource from "vue-resource";
Vue.use(VueResource);

$(function(){
    var vm = new Vue({
        el:"#app",
        // components:{
        //     app:app,
        // },
        render:c => c(app),
        router:router, // 将路由对象挂载到 vm 上
    });
});

// 注意：App 这个组件，是通过 VM 实例的 render 函数，渲染出来的，render 函数如果要渲染 组件，渲染出来的组件，只能放到 el:"#app" 
// 所指定的 元素 中
// Account 和 Goodslist 是通过路由匹配监听到的，所以，这两个组件，只能展示到 属于 路由的 <router-view></router-view> 里面去





